<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js"></script>

    <link href="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/css/glide.core.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./assets/css/style.css" />
    <link rel="stylesheet" href="./assets/css/responsive.css" />

    <title>楼氏集团</title>
    
  </head>
  <body>
    <!-- Header -->
    <header class="">
      <div class="logo">
        <img src="./assets/images/nav_logo.png" alt="楼氏集团" />
      </div>
      <nav>
        <ul>
          <li class="active">
            <a href="#"><span>首页</span></a>
          </li>
          <li>
            <a href="#"><span>关于我们</span></a>
          </li>
          <li>
            <a href="#"><span>合作案例</span></a>
          </li>
          <li>
            <a href="#"><span>海量资源</span></a>
          </li>
          <li>
            <a href="#"><span>商务合作</span></a>
          </li>
          <li>
            <a href="#"><span>全国布局</span></a>
          </li>
        </ul>
      </nav>
      <div class="burger" id="header-burger">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </header>

    <!-- Banner -->
    <div class="banner index-banner">
      <img class="index-banner-bg" src="./assets/images/home_banner_bg.png" alt="" />
      <img class="index-banner-font" src="./assets/images/home_banner_font.png" alt="" />
    </div>

    <!-- About -->
    <section class="section about-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>About loushi<br />关于楼氏</h1>
        </div>
        <div class="about-box">
          <img
            class="about-intro"
            src="./assets/images/home_about_img_introduction.png"
            alt=""
          />
          <img
            class="about-intro big"
            src="./assets/images/home_about_img_introduction_big.png"
            alt=""
          />
          <p class="about-text">
            楼氏集团诞生于2014，以签约和孵化新浪微博KOL起步，现如今多元化的业务增量，为品牌主提供全平台营销解决方案，连续7年深耕新媒体行业，正式跨入全案整合营销领域、IP代运营、电商CPS等多元化业务体系；并发展覆盖全平台全领域的媒介资源，以专业策划创意能力为品牌提供一站式全案营销及量身定制化专业营销服务，成为业内最具代表性的新媒体领先品牌。
          </p>
          <a class="about-btn" href="#">了解更多</a>
        </div>

        <div>
          <img class="about-el" src="./assets/images/home_about_el_1.png" />
          <img class="about-el" src="./assets/images/home_about_el_2.png" />
          <img class="about-el" src="./assets/images/home_about_el_3.png" />
          <img class="about-el" src="./assets/images/home_about_el_4.png" />
        </div>
      </div>
        </div>
    </section>

    <!-- Advantage -->
    <section class="section advantage-section">
      <div class="container">
        <div class="title-box">
          <h1>Advantage<br />核心优势</h1>
        </div>
        <div class="advantage-box">
          <a class="advantage-item" href="#">
            <img src="./assets/images/home_advantage_1.jpeg" alt="" srcset="" />
          </a>
          <a class="advantage-item" href="#">
            <img src="./assets/images/home_advantage_2.jpeg" alt="" srcset="" />
          </a>
          <a class="advantage-item" href="#">
            <img src="./assets/images/home_advantage_3.jpeg" alt="" srcset="" />
          </a>
          <a class="advantage-item" href="#">
            <img src="./assets/images/home_advantage_4.jpeg" alt="" srcset="" />
          </a>
        </div>
      </div>
    </section>

    <!-- Resources -->
    <section class="section resources-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>Resources<br />海量资源</h1>
          <p>全网全平台矩阵、覆盖全领域流量池2500+，粉丝总量突破5亿+</p>
        </div>
      </div>
      <div class="resources-box">
        <div class="resources-inner">
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_weibo.png"
              alt="微博"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_douyin.png"
              alt="抖音"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_kuaishou.png"
              alt="快手"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_bilibili.png"
              alt="BiliBili"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_xiaohongshu.png"
              alt="小红书"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_weibo.png"
              alt="微博"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_douyin.png"
              alt="抖音"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_kuaishou.png"
              alt="快手"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_bilibili.png"
              alt="BiliBili"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_xiaohongshu.png"
              alt="小红书"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_weibo.png"
              alt="微博"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_douyin.png"
              alt="抖音"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_kuaishou.png"
              alt="快手"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_bilibili.png"
              alt="BiliBili"
              srcset=""
            />
          </a>
          <a class="resources-item" href="#">
            <img
              src="./assets/images/home_resources_xiaohongshu.png"
              alt="小红书"
              srcset=""
            />
          </a>
        </div>
      </div>
    </section>

    <!-- Honor -->
    <section class="section honor-section">
      <div class="container">
        <div class="title-box ">
          <h1>Honor<br />荣誉资质</h1>
        </div>
      </div>
      <div class="honor-box">
        <div class="glide" id="honor-glide">
          <div data-glide-el="track" class="glide__track">
            <ul class="glide__slides">
              <li class="glide__slide">
                <div class="honor-item">
                  <img src="./assets/images/home_honor_img2.jpeg" alt="" />
                  <div class="honor-content">
                    <h2>
                      楼氏集团<br />2020年中国国际广告节<br />华为618项目斩获案例奖项
                    </h2>
                    <i></i>
                    <span>2020.11.16</span>
                    <p>
                      楼氏集团荣获案例奖项《2020中国国际广告节广告主奖》年度案例奖——华为智选618项目。
                    </p>
                  </div>
                </div>
              </li>
              <li class="glide__slide">
                <div class="honor-item">
                  <img src="./assets/images/home_honor_img2.jpeg" alt="" />
                  <div class="honor-content">
                  <h2>
                    楼氏集团<br />2020年中国国际广告节<br />华为618项目斩获案例奖项
                  </h2>
                  <i></i>
                  <span>2020.11.16</span>
                  <p>
                    楼氏集团荣获案例奖项《2020中国国际广告节广告主奖》年度案例奖——华为智选618项目。
                  </p>
                </div>
                </div>
              </li>
              <li class="glide__slide">
                <div class="honor-item">
                  <img src="./assets/images/home_honor_img2.jpeg" alt="" />
                  <div class="honor-content">
                  <h2>
                    楼氏集团<br />2020年中国国际广告节<br />华为618项目斩获案例奖项
                  </h2>
                  <i></i>
                  <span>2020.11.16</span>
                  <p>
                    楼氏集团荣获案例奖项《2020中国国际广告节广告主奖》年度案例奖——华为智选618项目。
                  </p>
                </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="glide__arrows" data-glide-el="controls">
            <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
            <a class="glide__arrow glide__arrow--right" data-glide-dir=">"></a>
          </div>
        </div>
      </div>
    </section>

    <!-- News -->
    <section class="section news-section bg-primary">
      <div class="container">
        <div class="title-box">
          <h1 class="text-white">NEWS<br />最新资讯</h1>
          <p class="text-white">了解最近楼氏，洞察新营销机会。</p>
        </div>
        <div class="news-box">
          <div class="glide" id="news-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_1.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_2.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="news-item">
                    <img src="./assets/images/home_news_img_3.jpeg" alt="" />
                    <div class="news-content">
                      <span>2020.11.16</span>
                      <h2>“楼师傅”携手“老窖王”，战略联盟，强势破圈！</h2>
                      <a href="#">阅读详情</a>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a class="glide__arrow glide__arrow--right" data-glide-dir=">"></a>
            </div>
          </div>
          <a class="news-btn" href="#">更多资讯</a>
        </div>
      </div>
    </section>

    <!-- Client -->
    <section class="section client-section">
      <div class="container">
      <div class="title-box">
        <h1>CLIENT<br />合作伙伴</h1>
        <p>长期与国内各大知名品牌深度合作</p>
      </div>
        <div class="client-box">
          <div class="glide" id="client-glide">
            <div data-glide-el="track" class="glide__track">
              <ul class="glide__slides">
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_1.png" alt="" />
                    <img src="./assets/images/home_client_2.png" alt="" />
                    <img src="./assets/images/home_client_3.png" alt="" />
                    <img src="./assets/images/home_client_4.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_5.png" alt="" />
                    <img src="./assets/images/home_client_6.png" alt="" />
                    <img src="./assets/images/home_client_7.png" alt="" />
                    <img src="./assets/images/home_client_8.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_9.png" alt="" />
                    <img src="./assets/images/home_client_10.png" alt="" />
                    <img src="./assets/images/home_client_11.png" alt="" />
                    <img src="./assets/images/home_client_12.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_13.png" alt="" />
                    <img src="./assets/images/home_client_14.png" alt="" />
                    <img src="./assets/images/home_client_15.png" alt="" />
                    <img src="./assets/images/home_client_16.png" alt="" />
                  </div>
                </li>
                <li class="glide__slide">
                  <div class="client-item">
                    <img src="./assets/images/home_client_17.png" alt="" />
                    <img src="./assets/images/home_client_18.png" alt="" />
                    <img src="./assets/images/home_client_19.png" alt="" />
                    <img src="./assets/images/home_client_20.png" alt="" />
                  </div>
                </li>
              </ul>
            </div>
            <div class="glide__arrows" data-glide-el="controls">
              <a class="glide__arrow glide__arrow--left" data-glide-dir="<"></a>
              <a class="glide__arrow glide__arrow--right" data-glide-dir=">"></a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Contact -->
    <section class="section contact-section bg-white">
      <div class="container">
        <div class="title-box">
          <h1>CONTACT<br />联系我们</h1>
          <p>免费定制推广营销策略，留下您的联系方式</p>
        </div>
        <div class="contact-box">
          <div class="contact-content">
            <ul class="contact-info">
              <li>
                <label>联系人</label>
                <p>魏思颖</p>
              </li>
              <li>
                <label>电话</label>
                <p>13717139306</p>
              </li>
              <li>
                <label>QQ</label>
                <p>2212963493</p>
              </li>
              <li>
                <label>电子邮箱</label>
                <p>qianbi@daailoushi.com.cn</p>
              </li>
            </ul>
            <div class="qrcode-box">
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_QQ.jpeg"
                  alt="联系人QQ二维码"
                />
                <span>联系人QQ二维码</span>
              </div>
              <div class="qrcode-item">
                <img
                  src="./assets/images/home_contact_img_wechat.jpeg"
                  alt="公众号"
                />
                <span>公众号</span>
              </div>
            </div>
            <a class="contact-btn" href="#">商务合作方式</a>
          </div>
          <div class="contact-form">
            <h2>您的联系方式</h2>
            <div class="contact-input">
              <input type="text" placeholder="请输入您的称呼" />
              <input type="text" placeholder="请输入您的邮箱地址" />
              <input type="text" placeholder="请输入您的联系方式  " />
              <input type="text" placeholder="请输入您的微信号码" />
            </div>
            <textarea rows="4" placeholder="请输入您的需求描述" width="100%" height="100%"></textarea>
            <a class="contact-submit" href="#">提 交</a>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="footer-bd">
        <div class="container">
          <div class="footer-bd-wrap">
            <img src="./assets/images/footer_slogan.png" alt="楼氏集团" />
          <a href="#">友情链接</a>
          </div>
        </div>
      </div>
      <div class="footer-ft">
        <div class="container">
          <a href="#">
            <img src="./assets/images/footer_icon_beian.png" alt="" />
            <span
              >粤ICP备19082438号｜粤公网安备 44030502004664号
              楼氏（深圳）文化传媒集团有限公司</span
            >
          </a>
        </div>
      </div>
    </footer>

    <script src="https://cdn.bootcdn.net/ajax/libs/Glide.js/3.4.1/glide.min.js"></script>
    <script src="./assets/js/index.js"></script>
  </body>
</html>
